<!-- <template>
    <div class="firtst-vue-wrapper">
        <header>
            <header-bar :title="routerTitle" @click-left="backRouter"></header-bar>
        </header>
        <main></main>
        <footer></footer>
    </div>
</template> 

<script>
import { HeaderBar } from '@/components';
export default {
    name: 'firtst-vue',
    components: {
        [HeaderBar.name]: HeaderBar,
    },
    data() {
      return {
          routerTitle: ''
      };
    },
    methods: {
        backRouter() {},
    },
};
</script>

<style lang="less" scoped>
.firtst-vue-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    display: flex;

    main {
        flex: 1;
        overflow-x: hidden;
    }
}
</style> -->

